<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>积分系统注册</title>
<script type="text/javascript" src="__PUBLIC__/Member/Intesys/js/jquery-1.7.2.js"></script>
<link href="__PUBLIC__/Intesys/default/stylesheets/jquery.fancybox.css" media="all" rel="stylesheet" type="text/css" />
<script src="__PUBLIC__/Intesys/default/javascripts/jquery.fancybox.pack.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Js/ThinkBox/ThinkBox.css">
<script src="__PUBLIC__/Js/ThinkBox/jquery.ThinkBox.min.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Intesys/AdminX/css/dialog.reset.css">
<style> 
input:focus{}
input{outline:none; border-radius:2px; border:1px solid #ccc; text-indent:5px;}
*{margin:0px; padding:0px; font-family:微软雅黑; text-decoration: none;}
div p {margin:0px; padding:0px;}
.top{height:70px;background:#424f63; width:100%;}
.top_1{height:70px;background:#424f63; width:1000px; margin:0px auto;line-height: 106px;}
.logo{float:left;}
.tell {float: right; color: #fff; font-size: 14px; line-height: 86px; font-family: 微软雅黑;}
.tell span{height:25px;line-height:25px;}
.tell div{float: right; height: 25px; line-height: 68px; margin-left: 10px; font-size: 16px;}
.midst{width:100%; height:500px; background:none;}
.midst_m{width:1000px; margin:0px auto; background:#fff;height:450px; margin-top:100px;}
.midst_m_l{float:left; width:500px; height:auto; background:none;}
.midst_m_r{float:right;  width:395px; height:auto; background:none;}
.midst_m_l_pt{font-size:20px; font-family:微软雅黑; color:#66cc99;}
.midst_m_l_pm{font-size: 14px;font-family:微软雅黑; color:#000; padding-top:20px;}
.midst_m_l_pb{position: absolute;top: 20%; left: 50%;}
.midst_m_r_tt{width:435px; height:450px;}
.midst_m_r_tt td{ font-size: 16px; font-family: 微软雅黑; padding:0 10px;}
.bot{width:100%;  border-top:1px solid #CCC; text-align:center; color:#666; padding:20px 0; position:fixed; bottom:0; left:0; font-family:微软雅黑; font-size:12px;}
</style>
<script>
var countdown = 1*60; 
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");    
val.innerHTML="免费获取验证码"; 
countdown = 1*60;
return false;
} else { 
val.setAttribute("disabled", true); 
val.innerHTML="重新发送(" + countdown + ")"; 
countdown--;

} 
setTimeout(function() { 
settime(val) 
},1000) 
} 
function formsubmit(){
	$.ajax({
		url : $('#verifyform').attr('action'),
		data:$('#verifyform').serialize(),
		dataType:"json",
		type:'POST',
		success: function(data){
			if(data.status == 1){
				//alert('注册成功');
				$.ThinkBox.success('注册成功!',{'delayClose':2000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				window.location.href = data.url;
			}else{
				$.ThinkBox.error(data.info,{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
			}
		}
	});
	return false;
}
	$(document).ready(function(e) {
		//注册表单的验证
		//获取验证码
		$(".js-getmobile").click(function(e) {
			
			if($('#verifyform').find('input[name="name"]').val() == ''){
				$('#verifyform').find('input[name="name"]').focus();
				//alert('请输入姓名！'); 
				$.ThinkBox.error('请输入姓名!',{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				return false;
			}
			if($('#verifyform').find('input[name="password"]').val() == ''){
				$('#verifyform').find('input[name="password"]').focus();
				$.ThinkBox.error('请输入密码!',{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				//alert('请输入密码！');
				return false;
			}
			if($('#verifyform').find('input[name="password"]').val() != $('#verifyform').find('input[name="repassword"]').val()){
				//alert('两次输入的密码不一致！'); 
				$.ThinkBox.error('两次输入的密码不一致!',{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				return false;
			}
			
			if($('#verifyform').find('input[name="tel"]').val() == ''){
				$.ThinkBox.error('请输入手机号码!',{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				$('#verifyform').find('input[name="tel"]').focus();
				return false;
				//alert('请输入手机号码！'); 
			}
			
            $.post('{:U('VerifyPhoneSend')}', {tel:$('#form-tel').val()}, function(d){
				//alert(d.info);
				if(d.status == 1){
					$.ThinkBox.success(d.info,{'delayClose':2000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
					settime(document.getElementById('sendsms'));
				}else{
					$.ThinkBox.error(d.info,{'delayClose':1000,modal:false, 'close': '关闭',x:0,y:0,center:false,locate:['left','top'], show:['',0]});
				}
			},'json');
        });
	});





$(".fancybox").fancybox({height: 'auto',fitToView: false,autoSize: true,padding: 15,nextEffect: 'fade',prevEffect: 'fade',helpers: {title: {type: "outside"}}});
	$(document).ready(function(e) {
        $("#test1").css({"max-width":document.body.clientWidth-80+"px","max-height":document.body.clientWidth-80+"px"});
        
	   var sit = setInterval(function(){
			$.post('{:U('weixinDoLogin')}',{'pass':1},function(data){
				if(data.status == 1){
					clearInterval(sit);
					window.location.href = data.url;
				}
			},'json');
		},2000);
	});
</script>
</head>

<body>
<div>
<div class="top">
<div class="top_1">
<div class="logo_img"><img src="__PUBLIC__/Member/Intesys/img/logo.png"> <div class="tell"><span><img src="__PUBLIC__/Member/Intesys/img/Phone.png"></span><div>400-6877-880</div></div></div>
</div>
<div class="midst">
<div class="midst_m">
<div class="midst_m_l">
<p class="midst_m_l_pt">让老板轻松，让员工快乐！</p>
<p class="midst_m_l_pm">量化式管理，专为企业打造以移动量化管理，积分排名，<br/>通过大数据技术，让每一家企业轻松高效管理。</p>
<p class="midst_m_l_pm"><img src="__PUBLIC__/Member/Intesys/img/hh.png"></p>
<p class="midst_m_l_pb"><img src="__PUBLIC__/Member/Intesys/img/zj.png"></p>
</div>
<div class="midst_m_r">
<form id="verifyform" onSubmit="return formsubmit();" action="{:U('dosignin')}" method="post">
<table  class="midst_m_r_tt";>


  <tr>
    <td>用&nbsp;户&nbsp;名：</td>
    <td colspan="2" style="width:80px;"><input placeholder="姓名" name="name" type="text" style="width: 100%; height: 36px;"></td>
    </tr>
     <tr>
    <td>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</td>
    <td colspan="2"><input placeholder="密码" name="password" type="password" style="width: 100%; height: 36px;"> </td>
    </tr>
     <tr>
    <td>确认密码：</td>
    <td colspan="2"><input placeholder="确认密码" name="repassword" type="password" style="width: 100%; height: 36px;"></td>
    </tr>
     <tr>
    <td>手机号码：</td>
    <td colspan="2"><input name="tel" id="form-tel" placeholder="请输入手机号码" type="text" style="width: 100%; height: 36px;"></td>
    </tr>
 
  <tr>
<td></td>
    <td><input name="vali" id="js-mobile_vcode_ipt" type="text" style="width:100%; height: 36px;"></td>
    <td><button style="outline:none; width:100%; height:35px; background:#eee; border:1px solid #ccc;" href="javascript:;" id="sendsms" type="button" class="button js-getmobile"> 免费获取验证码</button></td>
  </tr>
  <tr>
  
  <td></td>
  
    <td colspan="2"><button type="submit" style="display:block; outline:none; padding:10px; width:100%; border:none; background:#72d2ae; font-size:18px; color:#fff;">注册</button></td>
    </tr>
  <tr>
    <td colspan="3" style="text-align:center; font-size:14px;">有账号了？<a style="color:#f00;" href="{:U('login')}">现在登录</a> <a style="color:#f00;" class="btn btn-default-outline btn-block fancybox" href="#fancybox-example">微信注册</a></td>
    </tr>
</table>

</form></div> 
</div>
<div>
</div>
<div id="fancybox-example" style="display: none;">
      <img id="test1" width="240" height="240" src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket={$tiket.ticket}">
      <p style="text-align:center;">请用微信扫描</p>
    </div>
<div class="bot">
<p>©2016 78911, cc. All rights reserved.</p>
</div>
</body>
</html>
